import React from 'react';
import styles from './style.css'
import Cookie from 'js-cookie'

import {Tabs, WhiteSpace} from 'antd-mobile'
import Map from 'lodash.map'
import {uuid} from "../../../util/uitls";

class All extends React.Component {
    constructor(props) {
        super()
        this.state = {
            lists: [1, 2, 3, 4, 5]
        }
    }


    handleLoadMore(resolve) {
    }

    render() {
        return <div>
            {
                Map(this.state.lists, item => {
                    return <div className={styles.row} key={uuid()}>
                        <div className={styles.wrapperImage}>
                            <img src="/static/user1.jpg" alt=""/>
                        </div>
                        <div className={styles.titleDesc}>
                            <div className={styles.title}>Hannah Tran</div>
                            <div className={styles.desc}>Hi Hannah, Good Morning!</div>
                        </div>
                    </div>
                })
            }

        </div>
    }
}

export default All